<template>
  <div>
    <ul class="billboard-ul">
      <li v-for="(item, index) in listData" :key="index">
        <div class="billboard-link-cover pic">
          <a :href="jump + '/' + item.estateId + '.html'" target="_blank">
            <el-image
              :src="item.url || ''"
              :alt="item.name"
              :title="item.name"
              fit="cover"
              lazy
              style="width: 100%; height: 100%"
            ></el-image>
          </a>
        </div>
        <div class="billboard-link-title">
          <a :href="jump + '/' + item.estateId + '.html'" target="_blank"
            >{{ item.shortRegionName }}-{{ item.name }}</a
          >
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    listData: {
      type: Array,
      default: [],
    },
    jump: {
      type: String,
      default: "",
    },
  },
};
</script>